// 暗色主题
:root.dark {
  --bgColor: #2f4050;
  --bgContentColor: #1d1e20;
}
// 亮色主题
:root {
  // 菜单的背景色
  --bgColor: #ebf1f6;
  // content的背景色
  --bgContentColor: #eee;
}

.content {
  padding: 10px 20px 0px 10px;
  width: 100% !important;
  height: calc(100% - 150px) !important;
  // background-color: var(--bgContentColor);
}

// 详情中的竖线样式
.detail {
  font-weight: 600;
  &::after {
    content: '';
    display: inline-block;
    background-color: rgb(21, 112, 186);
    position: relative;
    margin-left: 5px;
    top: 7px;
    height: 25px;
    width: 4px;
  }
}

// 自定义nprogress的颜色
#nprogress .bar {
  background: red !important; //自定义颜色
}

// 改变滚动条样式
/* 滚动条整体样式 */
::-webkit-scrollbar {
  width: 8px; /* 宽度 */
}
// /* 滚动条轨道样式 */
// ::-webkit-scrollbar-track {
//   background: #fff; /* 轨道颜色 */
// }
// /* 滚动条滑块样式 */
// ::-webkit-scrollbar-thumb {
//   background: #b5c2ff; /* 滑块颜色 */
// }
// /* 滑块在悬停时样式 */
// ::-webkit-scrollbar-thumb:hover {
//   background: #c2efff; /* 悬停颜色 */
// }
